<template>
	<view>
		<u-navbar>
			<view style="display: flex;justify-content: center;align-items: center; padding-left: 30rpx;">
				<!-- <view class="u-p-20" @click="location">
					{{ vuex_city == '' ? '选择' : vuex_city }}
					<u-icon name="arrow-down-fill" class="u-p-l-10" color="#515356"></u-icon>
				</view> -->
				<!-- #ifdef MP-WEIXIN -->
				<view class="navtitle">
					支付结果
				</view>
				<!-- #endif -->
				<!-- #ifndef MP-WEIXIN -->
				<!-- <u-search placeholder="你想住在哪儿" v-model="keyword" input-align="center" :show-action="false"
					:clearabled="true" :disabled="true" style="width: 580rpx;" @click="search"></u-search> -->
				<!-- #endif -->
			</view>
		</u-navbar>
		<view>
			<view class="icon">
				<u-icon name="checkmark-circle-fill" color="#6d77f4"></u-icon>
			</view>
			<view class="list1">
				支付成功
			</view>
			<view class="list2">
				您的订单已支付成功！
			</view>
		</view>
		<view class="foot">
			<view class="pbtn" @click.stop="seeOrder()">
				查看订单
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {

		};
	},
	methods: {
		seeOrder() {
			this.$u.route({
				url: 'pages/housekeeperOrder/seeOrder'
			})
		}
	}
}
</script>

<style lang="less">
.navtitle {
	font-size: 40rpx;
}

.icon {
	font-size: 200rpx;
	text-align: center;
}

.foot {
	height: 150rpx;
	display: flex;
	flex-direction: column;
	background-color: white;
	padding-top: 20rpx;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

.pbtn {
	margin: 0 20rpx;
	height: 70rpx;
	line-height: 65rpx;
	// width: 160rpx;
	padding-left: 30rpx;
	padding-top: 0rpx;
	padding-right: 30rpx;
	display: inline-block;
	white-space: nowrap;
	border-radius: 26rpx;
	font-size: 26rpx;
	text-align: center;
	color: white;
	background-color: #6c76f4;
	border: 2rpx solid #6c76f4;
}
.list1{
	font-size: 50rpx;
	text-align: center;
}
.list2{
	font-size: 35rpx;
	text-align: center;
	padding-top:20rpx;
	color: rgb(165, 165, 165);
}
</style>
